<!DOCTYPE html>
<html>
<head>
  <title>欢迎来到日志系统</title>
  <link rel="stylesheet" type="text/css" href="static/css/body.css"/>
  <style type="text/css">
      #login_box{
          width: 40%;
          height: 100%;
          background: rgba(0, 0, 0, 0);
          margin:auto;
          margin-top: 10%;
          text-align: center;
          border-radius: 10px;
          padding: 50px 50px;
      }
      #login_box h2{
          color: black;
          margin-top: 30%;
      }
      #login_box #form #input_box{
          margin-top: 5%;
      }
      #login_box #form #input_box i{
          color: #e8e7b730;
      }
      #login_box #form #input_box input{
          border:0;
          width: 60%;
          font-size: 15px;
          color: #fff;
          background: #ffffff00;
          border-bottom: 2px solid#eacda950;
          padding: 5px 10px;
          margin-top: 10px;
      }
      #login_box button{
          margin-top: 50px;
          width: 40%;
          height: 30px;
          border-radius: 10px;
          border: 0;
          color: #fff;
          font-size: 15px;
          background-color: black;
      }
      #login_box #Sign{
          margin-top: 45%;
          margin-left: 60%;
      }
      #login_box #Sign a{
          color: #d1c2d8;
      }
    </style>
</head>
<body>
  <div id="login_box">
    <form method="get" action="/login">
      <button>返回</button>
    </form>
    <table border="1">
      <tr>
        {% for titleitem in the_title %}
        <td>{{ titleitem }}</td>
        {% endfor %} 
      </tr>
      {% for log_row in the_data %}
      <tr>
        {% for log_item in log_row %} 
        <td>{{log_item}}</td>
        {% endfor %}
      </tr>
      {% endfor %}
    </table>
  </div>
</body>
</html>